<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>01_字体颜色</title>
    <style>
         div {
             font-size: 90px;
         }
         .atguigu1 {
             color: red;
         }
         .atguigu2 {
             color: rgba(255, 0, 0, .5);
         }
         .atguigu3 {
             color: #0f08;
         }
         .atguigu4 {
             color: hsl(210, 100%, 50%, .5);
         }
    </style>

</head>

<body>
    <div class="atguigu1">尚硅谷1</div>
    <div class="atguigu1">尚硅谷1</div>
    <div class="atguigu2">尚硅谷1</div>
    <div class="atguigu3">尚硅谷1</div>
    <div class="atguigu4">尚硅谷1</div>
    <div class="atguigu5">尚硅谷1</div>
    <div class="atguigu6">尚硅谷1</div>
</body>

</html>